<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>风云人物列表</title>
    <style type="text/css">
        * { list-style: none; outline: none; }
        body { font-family: "微软雅黑"; text-align: center; }
        a {
            text-indent: 1em;
            display: inline-block;
            font-size: 22px;
            color: #5E2D00;
            text-decoration: none;
        }
        a:nth-child(1) { text-indent: 0; }
        a:hover {
            text-decoration: underline;
            color: #f03;
        }
        dl { display: none; }
        dd {
            line-height: 38px;
            font-size: 22px;
            font-family: "微软雅黑";
            color: #333;
        }
        dd::before { content: url(images/11.png); }
        dd:nth-child(odd) { color: #BDA793; }
        dd:nth-child(2) em {
            color: #f03;
            font-weight: bold;
            font-style: normal;
        }
        dd:nth-child(3) em {
            color: #5E2D00;
            font-weight: bolder;
            font-style: normal;
        }
        :target { display: block; }
    </style>
</head>
<body>
    <h2>风云人物列表（点击查看）</h2>
    <hr size="3" color="#5E2D00" width="750px">
    <nav>
        <a href="#news1">钱学森</a>
        <a href="#news2">赵九章</a>
        <a href="#news3">华罗庚</a>
        <a href="#news4">李四光</a>
    </nav>
    <hr size="3" color="#5E2D00" width="750px">
    <dl id="news1">
        <dt><img src="images/1.jpg" alt="钱学森"></dt>
        <dd>我国空气动力学家，中国科学院、中国工程院院士，<em>我国“两弹一星”功勋奖章获得者之一。</em></dd>
        <dd>为我国的导弹和航天计划做出过重大贡献，被誉为<em>“中国航天之父”和“火箭之王”。</em></dd>    
        <dd>我国航天事业的奠基人，受人尊敬的科学家。</dd>
        <dd>在我国的发展和世界和平中发挥着重要作用的伟大科学家。</dd>
    </dl>
    <dl id="news2">
        <dt><img src="images/2.jpg" alt="赵九章"></dt>
        <dd>著名的科学家、气象学家、地球物理学家和空间物理学家，中国科学院院士。<em>1933年毕业于清华大学物理系，后留校任物理系助教。</em></dd>
        <dd>1944年任中央研究院气象研究所代所长。</dd>
        <dd>1947年任中央研究院气象研究所所长。</dd>
        <dd>1950年任中国科学院地球物理研究所所长;<em>1955年当选为中国科学院学部委员(院士)</em></dd>
    </dl>
    <dl id="news3">
        <dt><img src="images/3.jpg" alt="华罗庚"></dt>
        <dd>我国著名数学家，<em>中国科学院院士。</em></dd>
        <dd>我国解析数论、典型群、矩阵几何学、自守函数论与多元复变函数等方面研究的创始人与奠基者。</dd>
        <dd>我国在世界上<em>最有影响力的数学家之一。</em></dd>    
        <dd>芝加哥科学技术博物馆中的<em>88位数学伟人之一。</em></dd>
    </dl>
    <dl id="news4">
        <dt><img src="images/4.jpg" alt="李四光"></dt>
        <dd><em>我国著名地质学家，</em>毕业于英国伯明翰大学，获博士学位。</dd>
        <dd>首创地质力学，中国科学院院士。</dd>
        <dd>我国现代地球科学和地质工作的主要领导人和奠基人。</dd>
        <dd>2009 年当选为<em>100位新中国成立以来感动中国人物之一。</em></dd>
    </dl>
</body>
</html>